/**
 * Any CSS included here will be global. The classic template
 * bundles Infima by default. Infima is a CSS framework designed to
 * work well for content-centric websites.
 */

/* You can override the default Infima variables here. */

@font-face {
  font-family: "Panton-SemiBold";
  src: url("/static/font/Panton-SemiBold.woff") format("woff");
}

@font-face {
  font-family: "Rubik-Medium";
  src: url("/static/font/Rubik-Medium.ttf") format("truetype");
}

@font-face {
  font-family: "RobotoMono-Regular";
  src: url("/static/font/RobotoMono-Regular.ttf") format("truetype");
}

@font-face {
  font-family: "Roboto-Light";
  src: url("/static/font/Roboto-Light.ttf") format("truetype");
}

@font-face {
  font-family: "Roboto-Regular";
  src: url("/static/font/Roboto-Regular.ttf") format("truetype");
}

:root {
  font-family: "Roboto-Regular";
  --ifm-font-family-monospace: "RobotoMono-Regular";
  --ifm-font-family-base: "Roboto-Regular";
  --ifm-heading-font-family: "Rubik-Medium";
  --ifm-color-primary: #56b7e1; /*#2e8555; */
  --ifm-color-primary-dark: #3cacdc;
  --ifm-color-primary-darker: #2ea6da;
  --ifm-color-primary-darkest: #218bb9;
  --ifm-color-primary-light: #70c2e6;
  --ifm-color-primary-lighter: #7ec8e8;
  --ifm-color-primary-lightest: #a5d9ef;
  --ifm-code-font-size: 95%;
  --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.1);
  --ifm-navbar-background-color: #003257;
  --ifm-dropdown-background-color: #003257;
  --ifm-navbar-height: 4.69rem;
  /* --ifm-font-color-base: #fff; */
}

/* For readability concerns, you should choose a lighter palette in dark mode. */
[data-theme="dark"] {
  --ifm-color-primary: #56b7e1;
  --ifm-color-primary-dark: #3cacdc;
  --ifm-color-primary-darker: #2ea6da;
  --ifm-color-primary-darkest: #218bb9;
  --ifm-color-primary-light: #70c2e6;
  --ifm-color-primary-lighter: #7ec8e8;
  --ifm-color-primary-lightest: #a5d9ef;
  --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.3);
  /* --ifm-navbar-background-color: #242526; */
}

html[data-theme="dark"] .DocSearch-Button {
  background: #ebedf0;
  color: #969faf;
}

html[data-theme="dark"] .DocSearch-Button:hover {
  background: #fff;
  box-shadow: inset 0 0 0 2px var(--docsearch-primary-color);
  color: #1c1e21;
}

html[data-theme="dark"] .DocSearch-Button .DocSearch-Search-Icon {
  color: #1c1e21;
}

html[data-theme="dark"] .DocSearch-Button .DocSearch-Button-Key {
  background: linear-gradient(-225deg, #d5dbe4, #f8f8f8);
  color: #969faf;
  box-shadow: inset 0 -2px 0 0 #cdcde6, inset 0 0 1px 1px #fff,
    0 1px 2px 1px rgba(30, 35, 90, 0.4);
}

/* default settings for both tablet and desktop */
.navbar.navbar--fixed-top
  .navbar__items
  > a.fastkafka-home-mobile
  + div
  > button,
.navbar-sidebar .navbar-sidebar__brand div > button {
  color: #fff;
}
.navbar.navbar--fixed-top
  .navbar__items
  > a.fastkafka-home-mobile
  + div
  > button:hover,
.navbar-sidebar .navbar-sidebar__brand div > button:hover {
  background: #8c9fae;
}

[data-theme="dark"]
  .navbar.navbar--fixed-top
  .navbar__items
  > a.fastkafka-home-mobile
  + div
  > button:hover,
.navbar-sidebar .navbar-sidebar__brand div > button:hover {
  background: #444950;
}

.navbar-sidebar .navbar-sidebar__items .navbar-sidebar__item > button,
.navbar-sidebar .navbar-sidebar__items .navbar-sidebar__item > ul > li a {
  color: #fff;
}

.menu__list-item--collapsed .menu__link--sublist-caret:after {
  background: url("/static/img/icon-arrow-right-blue.svg") 50% / 2rem 2rem;
  min-width: 1rem;
  width: 1rem;
  height: 1rem;
  transform: rotateZ(0deg);
  filter: none;
}
.menu__link--sublist-caret:after {
  background: url("/static/img/icon-arrow-right-blue.svg") 50% / 2rem 2rem;
  transform: rotate(90deg);
  min-width: 1rem;
  width: 1rem;
  height: 1rem;
  filter: none;
}
.navbar-sidebar__back,
.menu__link--active:not(.menu__link--sublist) {
  background: rgba(255, 255, 255, 0.05);
}
/* + div[class^="toggle_"] { */
html.plugin-pages .navbar__items.navbar__items--right > a + div > button {
  display: none;
}

.navbar.navbar-sidebar--show .navbar-sidebar .navbar-sidebar__brand > div {
  margin-left: auto;
  margin-right: 1rem !important;
}

.navbar.navbar-sidebar--show
  .navbar-sidebar
  .navbar-sidebar__brand
  .navbar-sidebar__close {
  margin-left: unset;
}

html.plugin-pages
  .navbar.navbar-sidebar--show
  .navbar-sidebar
  .navbar-sidebar__brand
  > div {
  display: none;
}

html.plugin-pages
  .navbar.navbar-sidebar--show
  .navbar-sidebar
  .navbar-sidebar__brand
  .navbar-sidebar__close {
  margin-left: auto;
}

.navbar--fixed-top {
  padding-top: 0px;
  padding-bottom: 0px;
}
.navbar__title {
  color: #fff;
  font-size: 3.5rem;
  font-family: var(--ifm-heading-font-family);
  font-weight: 100;
  line-height: var(--ifm-heading-line-height);
  margin-left: -0.4rem;
}

.navbar__brand:hover {
  color: var(--ifm-navbar-link-color);
}

.navbar__items.navbar__items--right .navbar__link {
  color: #fff;
}
.navbar__items.navbar__items--right .navbar__item.dropdown .dropdown__link {
  color: #fff;
}
.navbar__items.navbar__items--right
  .navbar__item.dropdown
  .dropdown__link:hover {
  color: var(--ifm-link-hover-color);
}
.navbar__items.navbar__items--right .navbar__item.dropdown,
.navbar__items.navbar__items--right .navbar__item.navbar__link {
  border-right: 1px solid #214c6c;
  padding: 23px 18px;
}
.navbar__items.navbar__items--right
  .navbar__item.navbar__link.header-discord-link {
  border-right: none;
}

.dropdown > .navbar__link:after {
  margin-left: 0.5em;
  top: 1px;
  font-size: 0.8rem;
}

.navbar__logo {
  width: 2.156rem;
  height: auto;
  margin-top: 1.2rem;
}

.navbar__brand {
  margin-left: 0;
  margin-right: 0;
}

html.docs-doc-page main article .markdown > h2.anchor {
  font-weight: 400;
}
html.docs-doc-page main article .markdown > h3.anchor {
  font-weight: 500;
  font-family: var(--ifm-font-family-monospace);
}
html.docs-doc-page main article .markdown > h3.anchor > strong,
html.docs-doc-page main ul.table-of-contents > li > ul a > strong {
  font-weight: 500;
}

html.docs-doc-page main article .markdown table {
    text-align: left;
    font-size: 0.8rem;
}

html.docs-doc-page main article .markdown table code{
    border: 1px solid rgba(0, 0, 0, 0.1);
}

nav .navbar__inner .navbar__items .fastkafka-home > div {
  margin-top: 1px;
}
nav .navbar__inner .navbar__items .fastkafka-home > div > p {
  display: inline-block;
  margin: 0;
  color: #fff;
  font-size: 1.2rem;
  font-family: var(--ifm-heading-font-family);
  font-weight: 100;
  line-height: var(--ifm-heading-line-height);
}
nav .navbar__inner .navbar__items .fastkafka-home > div > img {
  width: 15px;
  height: auto;
  margin-right: 5px;
}
.fastkafka-home-mobile {
  display: none;
}

.navbar.navbar--fixed-top .navbar__items--right {
  justify-content: end;
}
@media screen and (max-width: 996px) {
  .navbar-sidebar .navbar-sidebar__items .menu__link.fastkafka-home {
    display: none;
  }
}

.navbar__link {
  font-size: 1rem;
}
.navbar__toggle {
  color: #fff;
}
@media screen and (max-width: 1024px) {
  .navbar__toggle {
    margin-top: 0.4rem;
  }
}

.header-discord-link:before,
.footer-discord-link:before {
  content: "";
  display: flex;
  height: 24px;
  width: 24px;
  background-color: #8c9fae;
  -webkit-mask-image: url("/img/icon-discord.svg");
  mask-image: url("/img/icon-discord.svg");
}

.header-discord-link:hover,
.footer-discord-link:hover {
  opacity: 0.6;
}

.footer-github-link:before {
  content: "";
  display: flex;
  height: 24px;
  width: 24px;
  background-color: #8c9fae;
  -webkit-mask-image: url("/img/icon-github.svg");
  mask-image: url("/img/icon-github.svg");
}

.footer-github-link:hover {
  opacity: 0.6;
}

.footer-facebook-link:hover {
  opacity: 0.6;
}

.footer-facebook-link:before {
  content: "";
  display: flex;
  height: 24px;
  width: 24px;
  background-color: #8c9fae;
  -webkit-mask-image: url("/img/icon-facebook.svg");
  mask-image: url("/img/icon-facebook.svg");
}

.footer-twitter-link:hover {
  opacity: 0.6;
}

.footer-twitter-link:before {
  content: "";
  display: flex;
  height: 24px;
  width: 24px;
  background-color: #8c9fae;
  -webkit-mask-image: url("/img/icon-twitter.svg");
  mask-image: url("/img/icon-twitter.svg");
}

.footer-linkedin-link:hover {
  opacity: 0.6;
}

.footer-linkedin-link:before {
  content: "";
  display: flex;
  height: 24px;
  width: 24px;
  background-color: #8c9fae;
  -webkit-mask-image: url("/img/icon-linkedin.svg");
  mask-image: url("/img/icon-linkedin.svg");
}

.github-stars {
  display: flex;
  height: 40px;
  width: 150px;
  margin-left: 12px;
}

h3.anchor > code {
  font-size: 1rem;
}

.footer.footer--dark {
  background-color: #003257;
  /* height: 18.75rem; */
}
.footer.footer--dark .container.container-fluid .footer__bottom {
  position: absolute;
  padding: 2rem;
  width: 100%;
  background-color: #003a60;
  left: 0;
}
.footer.footer--dark .footer__copyright {
  opacity: 0.5;
  font-size: 0.85rem;
  letter-spacing: 0.025rem;
}
.footer.footer--dark .footer__col {
  margin: 2.3rem auto 5rem;
  height: 10rem;
  border-left: 2px solid rgb(33, 76, 108);
  padding-left: 1.5rem;
}
.footer.footer--dark .footer__col .footer__title {
  letter-spacing: 0.025rem;
  font-size: 1rem;
}
.footer.footer--dark .footer__col:first-child .footer__item {
  display: inline-block;
  padding: 0.3rem 0.3rem 0.3rem 0.3rem;
}
.footer.footer--dark .footer__col:first-child .footer__item:first-child {
  padding-left: 0;
}
.footer.footer--dark .footer__col .footer__link-item {
  text-decoration: underline;
  font-size: 0.9rem;
}

a.link-to-source {
    margin: 0 0 1rem 0;
    display: inline-block;
}

a.link-to-source::after {
    content: "";
  display: flex;
  height: 24px;
  width: 24px;
  background-color: var(--ifm-link-color);
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' stroke-width='1.5' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21 3L15 3M21 3L12 12M21 3V9' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M21 13V19C21 20.1046 20.1046 21 19 21H5C3.89543 21 3 20.1046 3 19V5C3 3.89543 3.89543 3 5 3H11' stroke='currentColor' stroke-linecap='round'/%3E%3C/svg%3E%0A");
  mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' stroke-width='1.5' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21 3L15 3M21 3L12 12M21 3V9' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M21 13V19C21 20.1046 20.1046 21 19 21H5C3.89543 21 3 20.1046 3 19V5C3 3.89543 3.89543 3 5 3H11' stroke='currentColor' stroke-linecap='round'/%3E%3C/svg%3E%0A");
  display: inline-block;
  position: absolute;
    margin-left: 0rem;
    margin-top: 0.02rem;
    transform: scale(0.67);
}

.footer.footer--dark .footer__col .footer__link-item::after {
  content: "";
  display: flex;
  height: 35px;
  width: 42px;
  background-color: #8c9fae;
  -webkit-mask-image: url();
  mask-image: url();
  display: inline-block;
  transform: scale(0.4);
  position: absolute;
  margin-left: -0.5rem;
  margin-top: -0.4rem;
}
.footer.footer--dark .footer__col:last-child .footer__link-item::after {
  display: none;
}
.footer.footer--dark .footer__col .footer__link-item > svg {
  display: none;
}

/**
* ----------------------------------------------
* FAQ accordion styles starts
* ----------------------------------------------
**/
.container .accordion {
  border: 1px solid rgba(139, 202, 229, 0.1);
  border-radius: 2px;
}

.accordion__item + .accordion__item {
  border-top: 1px solid rgba(139, 202, 229, 0.1);
}

.accordion__item .accordion__button {
  background-color: #076d9e;
  /* color: var(--ifm-font-color-base); */
  color: #fff;
  cursor: pointer;
  padding: 2rem;
  width: 100%;
  text-align: left;
  border: 1px solid #8bcae5;
  font-size: 1rem;
  margin: 0.5rem 0;
}

.accordion__item .accordion__button:hover {
  background-color: #60bee4;
}

.accordion__button:before {
  display: inline-block;
  content: "";
  height: 10px;
  width: 10px;
  margin-right: 12px;
  border-bottom: 2px solid currentColor;
  border-right: 2px solid currentColor;
  transform: rotate(-45deg);
}

.accordion__button[aria-expanded="true"]::before,
.accordion__button[aria-selected="true"]::before {
  transform: rotate(45deg);
}

[hidden] {
  display: none;
}

.accordion__item .accordion__panel {
  padding: 2rem 2rem 1rem 2rem;
  animation: fadein 0.35s ease-in;
  color: #fff;
  font-size: 1rem;
  /* border: 1px solid #8bcae5; */
  /* border-top: none; */
}

/* -------------------------------------------------- */
/* ---------------- Animation part ------------------ */
/* -------------------------------------------------- */

@keyframes fadein {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

/** Mobile view */
@media screen and (max-width: 996px) {
  .accordion__item .accordion__button {
    font-size: 1.1rem;
    padding: 1rem;
  }
  .accordion__item .accordion__panel {
    font-size: 1.1rem;
    padding: 1rem 1rem 0.3rem 1rem;
  }
  .footer.footer--dark .footer__col {
    margin: 1rem auto 1rem;
    height: auto;
    border: none;
  }
}

/**
* ----------------------------------------------
* FAQ accordion ends
* ----------------------------------------------
**/

.prism-code.language-py code .token.decorator {
  color: #c5221f !important;
}

html.docs-doc-page[data-theme="dark"]
  .prism-code.language-py
  code
  .token.decorator {
  color: #fbc02d !important;
}

/** Tablet view */
@media screen and (max-width: 1290px) {
  .navbar__items.navbar__items--right .navbar__item.dropdown,
  .navbar__items.navbar__items--right .navbar__item.navbar__link {
    padding: 23px 18px;
  }
  .navbar__title {
    font-size: 2.8rem;
    /* margin-left: 1.8rem; */
    margin-top: -0.3rem;
    padding: 8px 1rem 8px 0px;
  }
  .navbar__logo {
    margin-top: 0.5rem;
    width: 1.7rem;
  }
  .navbar__brand {
    margin-left: 0;
    margin-top: 0.4rem;
  }
}

/** Tablet view */
@media screen and (max-width: 996px) {
  .navbar__item.github-stars {
    display: none;
  }
  ul.menu__list li {
    margin-bottom: 10px;
  }
  .navbar__items.navbar__items--right
    .navbar__item.navbar__link.fastkafka-home-mobile {
    display: block;
    padding: 0px;
    margin-right: 11rem;
    border-right: none;
    margin-top: 7px;
  }
  .navbar__items.navbar__items--right
    .navbar__item.navbar__link.fastkafka-home-mobile
    img {
    width: 30px;
    height: auto;
  }
}

/** Mobile view */
@media screen and (max-width: 768px) {
  .navbar__items.navbar__items--right
    .navbar__item.navbar__link.fastkafka-home-mobile {
    margin-right: 3.5rem;
  }
  .navbar__items.navbar__items--right
    .navbar__item.navbar__link.fastkafka-home-mobile
    img {
    width: 33px;
  }
}
